/*
  学习目标：日期选择器的基本使用
*/

import { DatePicker } from "antd-mobile";
import { useState } from "react";
import styles from "./index.module.scss";
import dayjs from "dayjs";
export default function Test() {
  const [visible, setVisible] = useState(false);
  return (
    <div className={styles.root}>
      <button onClick={() => setVisible(true)}>点我</button>
      <DatePicker
        min={new Date("1990-01-1")}
        max={new Date()}
        title="时间选择"
        visible={visible}
        onClose={() => setVisible(false)}
        onConfirm={(val) => {
          console.log(
            ' dayjs(val).format("YYYY-MM-DD")  ----->  ',
            dayjs(val).format("YYYY-MM-DD")
          );
        }}
      />
    </div>
  );
}
